@charset "utf-8";

/* 全屏通栏 */
.container-fluid{
    min-width: 1200px;
}

/* 版心 */
.container{
    width: 1200px;
    margin: 0 auto;
}

/* 测试工具 */
.bd{
    border: 1px solid green
}

/* 浮动 */
.fl{
    float: left;
}

.fr{
    float: right;
}

/* 清除浮动 */
.clearfix:after{
    content: '';
    height: 0;
    display: block;
    clear: both;
}

/* 背景色 */
.bgc000{
    background-color: #000;
}
.bgcccc{
    background-color: #ccc;
}
.bgf60{
    color: #f60;
}
.bgcf3{ background-color: #f3f3f3; }

/* 缩进 */
.tein{
    text-indent: 210px;
}

/* 字体颜色 */
.cl33{
    color: #333;
}
.clf42{
    color: #f4290d;
}
.cl80{
    color: #808080;
}
.clb3{
    color: #b3b3b3;
}
.clff{
    color: #fff;
}
.fs22{
    font-size: 22px;
}
.f20{ font-size: 20px;}
.f12{ font-size: 12px;}
.fs16{
    font-size: 16px;
    font-weight: bold;
}

.bs{box-sizing: border-box;}

/* 头部 */
.head-top{
    line-height: 28px;
    color: #fff;
    position: relative;
}
/* 边距 */
.mag30{
    margin-top: 30px;
}
.mag90{
    margin-top: 90px;
}
.mt5{
    margin-top: 5px;
}
.mag20{
    margin-top: 20px;
}
.mag10{
    margin-top: 10px;
}
.mari80{
    margin-right: 80px;
}
.marl10{margin-left: 10px;}
.p20{ padding: 20px;}
.p1020{ padding: 10px 20px}
.pa30{padding: 30px 0;}
.line40{line-height: 40px;}

/* 页头 */
.header{
    border-bottom: 1px solid#ccc;
}
.head-top a{
    color: #f60;
}
.head-top .nav-title{
    width: 200px;
    height: 113px;
}

.head-top h1{
    position: absolute;
}


.head-text{
    width: 380px;
    height: 32px;
    outline: 0;
    border: 2px solid #f60;
    text-indent: 10px;
}

.head-btn{
    float: right;
    width: 50px;
    height: 36px;
    border: none;
    background: url(../imgs/bgicon.png) no-repeat #f60;
}

.shop-box{
    margin-left: 25px;
}

.head-right{
    padding: 4px 0 22px 0;
}

.shop-car{
    float: left;
    width: 100px;
    height: 36px;
    background: url(../imgs/bgicon.png) no-repeat #f60 0 -42px;
    text-indent: 40px;
    line-height: 36px;
    color: #fff;
}

.shop-box span{
    margin-left: 8px;
}

.shop-msg{
    float: left;
    width: 100px;
    height: 36px;
    text-align: center;
    line-height: 36px;
    background-color: #ccc;
}
.head-nav ul{ 
    padding-right: 100px;
}

.head-nav li{ 
    float: left; 
    font-size: 16px;	
    font-weight: bold; 
    margin-left: 30px;
}

/* 今日推荐 */
.re-title{
    border-bottom: 6px solid #f60;
    font-size: 24px;
    text-indent: 20px;
}

/* 魔兽 */
.monster{ height: 90px; background: url(../imgs/monster.jpg) ;}

/* 页尾 */
.footer-big{
    background-color: #ccc;
}

.footer-center{
    width: 785px;
    line-height: 100px;
    text-align: center;
}
.footer-center span{
    display: inline-block;
    padding-right: 60px;
}

.footer .footer-nav div{
    float: left;
    margin: 30px;
    line-height: 25px;
    text-align: center;
}

.footer .footer-nav div:first-child{
    margin-left: 210px;
}

.footer p{
    text-align: center;
    line-height: 25px; 
}
